<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String jclient = request.getContextPath();
	String cssRoot = jclient + "/jclient/css";
	String jsRoot = jclient + "/jclient/javascript/jslib";
	%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>应急事件管理_事件管理</title>
    <meta http-equiv="X-UA-Compatible" content="IE=8"/>
    <link rel="stylesheet" href="<%=basePath%>jclient/css/public.css" type="text/css" />
      <script type="text/javascript" src="<%=jsRoot%>/jquery-1.6.2.js"></script>
<script type="text/javascript">
var systemConstants = {
	CONTEXT_PATH : "<%=basePath%>",
	CONTEXT_IMAGES : "<%=basePath%>"
};
</script> 
    <script type="text/javascript" src="<%=basePath%>jclient/javascript/modules/yjsjgl/yjsjgl_sjgl.js"></script>
     <!-- date css -->
        <link rel="stylesheet" href="<%=basePath%>jclient/css/public/bootstrap.min.css" />
		<link rel="stylesheet" href="<%=basePath%>jclient/css/public/daterangepicker.css" />
   		<!-- date css -->
   		<!-- date javascript -->
		<script src="<%=basePath%>jclient/javascript/public/jquery.min.js"></script>
        <script src="<%=basePath%>jclient/javascript/public/bootstrap.min.js"></script>
		<script src="<%=basePath%>jclient/javascript/public/moment.js"></script>
		<script src="<%=basePath%>jclient/javascript/public/daterangepicker.js"></script>
		 <!-- date javascript -->  
		 
    <style type="text/css">
    .spanmenu{
      display: inline-block;
      margin: 10px;
    }
    </style>
    <script type="text/javascript">
    $(function(){
       $(".ctr").attr("align","center");
       $("#rtab tr td").css("padding","5px");
       $("#ltab tr td img").attr("height","20px");
       $('.begindate').val(moment().format('YYYY-MM-DD'));
	   $('.begindate').daterangepicker({ singleDatePicker: true }, function(start, end, label) {
                 console.log(start.toISOString(), end.toISOString(), label);
       });
    });
	function bj(leg){
	if(leg=="bj"){
		$("#bj").hide();
		$("#bcjs").show();
		$(".sj").removeAttr("readonly");
	}else{
		$("#bj").show();
		$("#bcjs").hide();
		$(".sj").attr("readonly","readonly");
		}
	}
	</script>
  </head>
  <body style="background-color: #FFFFFF;">
    <table width="100%" height="100%">
    	<tr height="40px" style="background-color:#00B0F0;">
    		<td align="right" colspan="2">
    		     <span style="display: inline-block;padding-right: 400px;color:white;"><%=request.getParameter("sjm")%></span>
  		         <span class="eclipseBtn" style="display: inline-block;margin: 0 25px 0 50px;" id="bc" onclick="javascript:bj('bc')">保存</span>
  		    </td>
    	</tr>
    	<tr height="*" >
    	    <td width="50%" valign="top">
    			<table id="rtab" border="0" cellpadding="0" cellspacing="0" width="100%" > 
    				<tr>
    					<td width="30%" align="center">
    						记录时间
    					</td>
    					<td align="left">
    					    <div class="controls" style="width: 170px;">
								<div class="input-group date datetime">
									<input id="begindate1" class="begindate form-control input-sm" size="16" type="text" value="">
									<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
								</div>
							</div>
    					</td>
    				</tr>
    				<tr>
    					<td align="center">
    						记录人
    					</td>
    					<td align="left">
    					<input  type="text" name="site" class="scinput" />
    					</td>
    				</tr>
    				<tr>
    					<td align="center">
    						事件时间
    					</td>
    					<td align="left">
    						<div class="controls" style="width: 170px;">
								<div class="input-group date datetime">
									<input  class="begindate form-control input-sm" size="16" type="text" value="">
									<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
								</div>
							</div>
    					</td>
    				</tr>
    				<tr>
    					<td align="center">
    						事件地点
    					</td>
    					<td align="left">
    						<input type="text" class="sj" name="" readonly="readonly">
    					</td>
    				</tr>
    				<tr>
    					<td align="center">
    						影响供水程度
    					</td>
    					<td align="left">
    						<input type="text" class="sj" name="" readonly="readonly">
    					</td>
    				</tr>
    				<tr>
    					<td align="center">
    						事件概述
    					</td>
    					<td>
    						<textarea style="height: 70;width: 430 " rows="4" cols="40"  class="sj" readonly="readonly"></textarea>
    					</td>
    				</tr>
    				<tr>
    					<td align="center">
    						先期处理
    					</td>
    					<td>
    						<input type="text" class="sj" name="" readonly="readonly">
    					</td>
    				</tr>
    				 <tr>
    					<td rowspan="4" align="center">
    						评价结果
    					</td>
    					<td>
    						事件分析：
    					</td>
    				</tr>
    				<tr>
    					<td>
    						事件分级：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    						<select style="width: 60px"> 	
    							<option>Ⅰ</option>
    							<option>Ⅱ</option>
    							<option>Ⅲ</option>
    						</select>
    						<a href="javascript:standard();">分级标准</a>
    						<textarea id="standard" rows="4" cols="30" style="display:none "></textarea>
    					</td>
    				</tr>
    				<tr>
    					<td>
    						报警级别：
    						<select style="width: 60px"> 	
    							<option>Ⅰ</option>
    							<option>Ⅱ</option>
    							<option>Ⅲ</option>
    						</select>
    					</td>
    				</tr>
    				<tr>
    					<td>
    						响应级别：
    						<select style="width: 60px"> 	
    							<option>Ⅰ</option>
    							<option>Ⅱ</option>
    							<option>Ⅲ</option>
    						</select>
    					</td>
    				</tr>
    				<tr>
    					<td align="center">
    						事件等级
    					</td>
    					<td>
    						<select style="width: 60px"> 	
    							<option>Ⅰ</option>
    							<option>Ⅱ</option>
    							<option>Ⅲ</option>
    						</select>
    					</td>
    				</tr>
    				    				<tr>
    					<td align="center">
    						事件报告
    					</td>
    					<td>
    						<select> 	
    							<option>事件初次报告</option>
    							<option>事件阶段报告</option>
    							<option>事件总结报告</option>
    						</select>
    					</td>
    				</tr>
    			</table>
    		</td>
    		<td height="100%" valign="top" width="50%" align="left">
    			<!-- 列表 -->
	    			<div style="padding: 5px;width: 650px;margin-top: 10px;">
	    			<div style="margin: 0px;padding: 0px;width: 650px;text-align: left;margin-right: 5px;margin-bottom: 5px;">
				    			 <select style="height: 25px;line-height: 25px;">
			    		          <option>文档资料</option>
			    		          <option>表格资料</option>
			    		          <option>图片资料</option>
			    		          <option>视频资料</option>
			    		          <option>音频资料</option>
			    		        </select>	
			    		        <span style="display: inline-block;width: 170px;" ></span>    			 			
			    		        <span class="eclipseBtn" style="display: inline-block;" >添加文件</span>
	    			 			<span class="eclipseBtn" style="display: inline-block;" >删除</span>
								<span class="eclipseBtn" style="display: inline-block;">批量下载</span>
	    			 
	    			</div>
	    			<table id="ltab" border=1px cellpadding="0" cellspacing="0" width="630px" height="300px" style="margin-right: 5px;">
							<tr class="ctr">
								<td width="50px" >
									<input type="checkbox">
								</td>
								<td width="40px">序号</td>
								<td width="360px">名称</td>
								<td width="100px">
									制定时间
								</td>
								<td width="100px">
									下载
								</td>
							</tr>
							<tr class="ctr">
								<td width="50px">
									<input type="checkbox" >
								</td>
								<td width="40px">1</td>
								<td width="360px" style="width: 380px;">
									<a href="###">2012年3月桥水蓝藻暴发事件</a>
								</td>
								<td>2012年3月</td>
								<td>
									<a href="##"><img src="<%=basePath%>jclient/images/tjimages/xz.png"></a>
								</td>
							</tr>
							<tr class="ctr">
								<td >
									<input type="checkbox">
								</td>
								<td width="20px">2</td>
								<td >
									<a href="###">2012年3月桥水蓝藻暴发事件</a>
								</td>
								<td>
									2012年3月
								</td>
								<td>
									<a href="##"><img src="<%=basePath%>jclient/images/tjimages/xz.png"></a>
								</td>
							</tr>
							<tr class="ctr">
								<td >
									<input type="checkbox">
								</td>
								<td width="20px">3</td>
								<td >
									<a href="###">2012年3月桥水蓝藻暴发事件</a>
								</td>
								<td>
									2012年3月
								</td>
								<td>
									<a href="##"><img src="<%=basePath%>jclient/images/tjimages/xz.png"></a>
								</td>
							</tr>
							<tr class="ctr">
								<td >
									<input type="checkbox">
								</td>
								<td width="20px">4</td>
								<td >
									<a href="###">2012年3月桥水蓝藻暴发事件</a>
								</td>
								<td>
									2012年3月
								</td>
								<td>
									<a href="##"><img src="<%=basePath%>jclient/images/tjimages/xz.png"></a>
								</td>
							</tr>
							<tr class="ctr">
								<td >
									<input type="checkbox">
								</td>
								<td width="20px">5</td>
								<td >
									<a href="###">2012年3月桥水蓝藻暴发事件</a>
								</td>
								<td>
									2012年3月
								</td>
								<td>
									<a href="##"><img src="<%=basePath%>jclient/images/tjimages/xz.png"></a>
								</td>
							</tr>
							<tr>
								<td align="right" colspan="5">
									共5条 
									<a>1</a>
									<a>2</a>
									<a>3</a>&nbsp;&nbsp;&nbsp;
								</td>
							</tr>
						</table>
				</div>
				<!-- 列表 -->
    		</td>
    		
    	</tr>
    </table>
  </body>
</html>
